
/******************/
/*     Global     */
/******************/
body{
	background: #c2c0c0 url('../img/background.jpg') top center repeat-x;
	font-family: Rokkitt,Helvetica,sans-serif;
	margin: 0;
}

img{
	border: none;
}

.link_img{
	padding-right: 4px;
	vertical-align: middle;
}

a{
	text-decoration: none;
}

.right{
	float: right;
}

.left{
	float: left;
}

h1{
	font-size: 24px;
}

p{
	text-align: justify;
}


/*********************/
/*       Page        */
/*********************/
#contener{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background: transparent url('../img/contener.png') top left repeat-y;
}

#content{
	padding: 0 45px 0 34px;
}


/***********************/
/*       Header        */
/***********************/
#header{
	padding: 20px 45px 20px 34px;
	height: 280px;
}

#logo{
	width: 300px;
}

#titre{
	margin: 30px 100px 0 0;
}


/*********************/
/*       Menu        */
/*********************/
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

#menu li, #menu a{
	color: white;
	margin-bottom: 10px;
	text-align: center;
	text-decoration: none;
}

#menu li.blue:hover, #menu li.blue:hover a:hover{
	color: red;
}

li.blue{
	background: transparent url('../img/bouton_bleu.png') top left no-repeat;
}

#menu li.red:hover, #menu li.red:hover a:hover{
	color: #22428e;
}

li.red{
	background: transparent url('../img/bouton_rouge.png') top left no-repeat;
}


.bouton {
	padding:5px 10px 5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:30px;
	height:30px;
	background:url('../img/bg.png') 0 0 repeat-x #363636;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 2px #bcbcbc;
	-webkit-box-shadow: 0 2px 2px #bcbcbc;
	text-shadow: 0 -1px 1px #565656;
	position: relative; 
	cursor: pointer;
}

.petit.bouton {
	font-size:10px;
}
.moyen.bouton {
	font-size:12px;
}
.grand.bouton {
	font-size:14px;
	padding:5px 10px 5px 10px;
}
  

.bleu.bouton {
	background-color:#22428E;
	text-shadow: 0 -1px 1px #22428E;
}
.bouton.bleu:hover{
	-moz-box-shadow: inset 0 0 10px 5px #22428E;
	box-shadow: inset 0 0 10px 5px #22428E;
	-webkit-box-shadow: inset 0 0 10px 5px #22428E;
}


.rouge.bouton {
	background-color:#B92025;
	text-shadow: 0 -1px 1px #B92025;
}
.bouton.rouge:hover{
	-moz-box-shadow: inset 0 0 10px 5px #B92025;
	-webkit-box-shadow: inset 0 0 10px 5px #B92025;
	-box-shadow: inset 0 0 10px 5px #B92025;
}



/***********************/
/*  Centre de la page  */
/***********************/
#contenu{
	padding: 10px;
	border: 1px solid #b92025;
	width: 658px;
	margin-left: 20px;
}

#texte{
	clear:both;
}


/*******************/
/*     Footer      */
/*******************/
#footer{
	clear: both;
	padding: 10px 45px 15px 34px;
	color: grey;
	font-size: 11px;
	text-align: center;
}

#footer a{
	color: grey;
}

/****************************/
/*         Slider           */
/****************************/
div.contact{
	padding: 20px;
}
div.contact form{
}

div.contact label{
    display: inline-block;
    width: 200px;
}
div.contact .inputtext, div.contact textarea{
    margin-bottom: 10px;
}
div.contact textarea{
    width: 600px;
	height: 200px;
	margin-top: 5px;
	max-width: 615px;
}
div.contact .inputtext{
    width: 400px;
}
div.contact .inputsubmit{
	float: right;
	margin-right: 10px;
}

div.contact .confirmmessage{
	border: 1px solid green;
	padding: 5px;
	margin: 0 10px 10px 10px;
}


/*******************/
/*      Login      */
/*******************/
#signin_menu {
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#C2C0C0;
    position:fixed;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 0px; 
    right: 0px; 
    margin-top: 0px;
    margin-right: 5px;
    color:#789;
    font-size:11px;
	box-shadow: 0 0 20px 2px #000;
	-moz-box-shadow: 0 0 20px 2px #000;
	-webkit-box-shadow: 0 0 20px 2px #000;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('public/img/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}


/****************************/
/*         Slider           */
/****************************/
#featured .ui-tabs-nav, 
#featured .ui-tabs, 
#featured .ui-widget, 
#featured .ui-widget-content, 
#featured .ui-corner-all,
#featured .ui-helper-reset,
#featured .ui-tabs-nav,
#featured .ui-helper-reset,
#featured  .ui-helper-clearfix,
#featured  .ui-tabs-nav-item,
#featured  .ui-state-default,
#featured  .ui-corner-top,
#featured .ui-tabs-selected,
#featured .ui-state-active,
#featured .ui-tabs-panel,
#featured .ui-widget-content,
#featured .ui-corner-bottom,
#featured .ui-tabs-hide {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	
	border-bottom-right-radius: 0!important;
	border-bottom-left-radius: 0!important;
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
	
	-webkit-border-top-right-radius:0!important;
	-webkit-border-top-left-radius:0!important;
	-webkit-border-bottom-right-radius:0!important;
	-webkit-border-bottom-left-radius:0!important;

	-khtml-border-bottom-right-radius: 0!important;
	-khtml-border-bottom-left-radius: 0!important;
	-khtml-border-top-right-radius: 0!important;
	-khtml-border-top-left-radius: 0!important;
	
	-moz-border-radius-bottomleft:0!important;
	-moz-border-radius-bottomright:0!important;
	-moz-border-radius-topleft:0!important;
	-moz-border-radius-topright:0!important;
	
}

#featured{
	width:400px !important;
	padding: 0 250px 0 0 !important;
	position:relative!important;
	height:250px!important;
	background:#fff!important;
	border:5px solid #ccc!important;
}

#featured ul.ui-tabs-nav{
	position:absolute!important;
	top:0!important; 
	left:400px!important;
	list-style:none!important;
	padding:0!important; 
	margin:0!important;
	width:250px!important;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0!important; 
	padding-left:13px!important;
	font-size:12px!important;
	color:#666!important;
	width: 237px;
	height: 60px;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px!important; 
	font-family:Verdana!important;
	line-height:18px!important;
}

#featured .ui-tabs-panel{
	width:400px!important; 
	height:250px!important;
	background:#999!important; 
	position:relative!important;
    overflow:hidden!important;
}
#featured .ui-tabs-hide{
	display:none!important;
}

#featured .ui-tabs .ui-tabs-nav li a{
	padding: 0 !important;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block!important;
	height:48px!important;
	color:#333!important;  
	background:#fff!important;
	line-height:20px!important;
	outline:none!important;
	width: 213px;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#f2f2f2!important;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	background:url('../img/selected-item.gif') top left no-repeat!important;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#ccc!important;
}

#featured ul.ui-tabs-nav li img{
	float:left!important; 
	margin-right: 5px!important;
	background:#fff!important;
	border:1px solid #eee!important;
	max-width: 80px;
	max-height: 48px;
}

#featured .ui-tabs-panel .info{
	position:absolute!important;
	top:180px!important; 
	left:0!important;
	height:70px!important; 
	width: 400px!important;
	background: url('../img/transparent-bg.png')!important;
}
#featured .info h2{
	font-size:18px!important; 
	font-family:Georgia, serif!important;
	color:#fff!important; 
	padding:5px!important; 
	margin:0!important;
	overflow:hidden!important;
}
#featured .info p{
	margin:0 5px!important;
	font-family:Verdana!important; 
	font-size:11px!important;
	line-height:15px!important; 
	color:#f0f0f0!important;
}
#featured .info a{
	text-decoration:none!important;
	color:#fff!important;
}
#featured .info a:hover{
	text-decoration:underline!important;
}

#featured .ui-widget .ui-widget {
    font-size: 0.7em!important;
}


